

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>

</title><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes" /><meta name="viewport" content="initial-scale=1, user-scalable=no" /><meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="black" /><meta name="format-detection" content="telephone=no" /><meta charset="utf-8" />
<style type="text/css">
 .header
 {
    margin-top:50px;
	margin-left:30px;
	margin-bottom:30px;
    color:#333333;
	opacity:100%;
	font-size:50px;
	font-face:STHeitiSC-Medium;
	character:0px;
    line:51px;
}
.time
{
    color:#999999;
    opacity:100%;
	font-size:30px;
	font-face:STHeitiSC-Medium;
	character:0px;
	line:31px;
	margin-left:30px;
	margin-bottom:60px;
}
.img_div
{
   margin-left:30px;
   margin-bottom:40px;
}
.img
{
   width:690px;
   height:300px;
}
.content_title
{
   margin-left:30px;
   margin-bottom:36px;
   color:#333333;
   opacity:0px;
   font-size:40px;
   font-face:STHeitiSC-Medium;
   character:0px;
   line:41px;
}
.content
{
   margin-left:30px;
   margin-bottom:20px;
   color:#6666666;
   opacity:100%;
   font-size:30px;
   font-face:STHeitiSC-Medium;
   character:0px;
   line:31px;
}
.PageBlockID1102,.PageBlockID1103
{
   color:#222;
   font-family:"Microsoft YaHei",Helvitica,Verdana,Tohoma,Arial,san-serif;
   background-color:#eeeeee;
   margin:0 auto;
   padding:0px;
   text-decoration:none;
   width:320px;
}

.pp
{
  text-indent:32px;
  text-align:left;
  line-height:32px;
}
.span1
{
  font-family:"宋体";
  font-size:16px;
  color:#666666;
}
.span2
{
  font-family:"宋体";
  font-weight:bold;
  font-size:16px;
  color:#666666;
}
     /*.photo
	  {
	     width:140px;height:140px;border-radius:100px;display:block;margin:0 auto;
	  }
	  .name
	  {
	     color:#333333 ;opacity:100%;font-size:34px;font-family:PingFang-SC-Regular;character:0px;line-height:34px;text-align:center;margin-top:30px;
	  }
	  .desc
	  {
	      color:#999999;font-size:28px;line-height:32px;font-family:PingFang-SC-Regular;character:0px;margin-top:15px;text-align:center;
	  }
	  .title1
	  {
	      color:#333333;font-size:28px;line-height:28px;font-family:PingFang-SC-Regular;character:0px;padding-bottom:24px; border-bottom:1px solid #e0e0e0
	  }
	  .consult
	  {
	     margin-top:20px;margin-right:20px;height:60px;border:1px solid #569cf3;border-radius:10px;float:left;
	  }
	  .consult_span
	  {
	     color:#569cf3;font-size:24px;text-align:center;padding:10px;line-height:60px;
	  }
	  .desc_div
	  {
	    margin-top:12.5px;margin-bottom:22.5px;line-height:43px;text-align:left
	  }
	  .title_div
	  {
	    background-color:#fff;padding:30px;margin-bottom:30px;
	  }
	  .down
	  {
	     background-color:#63adf7;border-radius:10px;width:650px;height:88px;color:#ffffff;text-align:center;margin-top:10px;margin-left:40px;font-size:36px;line-height:88px;
	  }*/
      .photo
	  {
	     width:70px;height:70px;border-radius:100px;display:block;margin:0 auto;
	  }
	  .name
	  {
	     color:#333333 ;opacity:100%;font-size:17px;font-family:PingFang-SC-Regular;character:0px;line-height:17px;text-align:center;margin-top:15px;
	  }
	  .desc
	  {
	      color:#999999;font-size:14px;line-height:14px;font-family:PingFang-SC-Regular;character:0px;margin-top:7px;text-align:center;
	  }
	  .title1
	  {
	      color:#333333;font-size:14px;line-height:14px;font-family:PingFang-SC-Regular;character:0px;padding-bottom:12px; border-bottom:1px solid #e0e0e0
	  }
	  .consult
	  {
	     margin-top:10px;margin-right:10px;height:30px;border:1px solid #569cf3;border-radius:10px;float:left;
	  }
	  .consult_span
	  {
	     color:#569cf3;font-size:12px;text-align:center;padding:5px;line-height:30px;
	  }
	  .desc_div
	  {
	    margin-top:12.5px;line-height:22px;text-align:left
	  }
	  .title_div
	  {
	    background-color:#fff;padding:15px;margin-bottom:15px;
	  }
	  .down
	  {
        background-color:#FFFFFF;border-radius:5px;width:90px;height:32px;color:#63ADF7;text-align:center;margin-right:25px;font-size:18px;line-height:32px;float:right;margin-top:22px;
	  }
	  .input_bottom_div
	  {
        margin-top:15px;margin-left:25px;margin-right:50px;
	  }
</style>
</head>
<body class="PageBlockID2102">
    
<div style="background-color:#f4f4f4;width:100%;padding-bottom:125px;">
   <div style="background-color:#fff;padding-top:15px;margin-bottom:15px;padding-bottom:20px;">
      <img id="photo" class="photo" src="http://shouer.oss-cn-beijing.aliyuncs.com/${stuffList.iconUrl}"/>
      <div class="name">${stuffList.stuffName}</div>
      <div class="desc">${stuffList.stuffTitle}&nbsp;${stuffList.departmentName}</div>
   </div>
   
   <div class="title_div">
      <div  class="title1">擅长疾病</div>
      <div style="text-align:left"  class="desc desc_div">
       ${stuffList.consultInstructions}
	</div>
   </div>
   <div  style="overflow:hidden" class="title_div">
      <div class="title1">推荐咨询</div>
	  
	<#if (recommendList?size>0)>
    <#list recommendList as object >
	 <div class="consult"><span class="consult_span">${object}</span></div>
	</#list>
	</#if>
	  
	  <div style="clear:both"></div>
   </div>
   <div  class="title_div">
      <div  class="title1">医生简介</div>
      <div style="text-align:left" class="desc desc_div"> ${stuffList.briefInfo}</div>
   </div>
 </div>
 <div style="height: 135px; width:100%;  background-color:#63ADF7;position:fixed;z-index:100;bottom:0px;left:0px">
 
 <div style="" class="input_bottom_div">
  <input type="text"  style="height:39px;width:100%;border-radius:10px;padding-left:15px;font-size:14px;border:none"  id="phone"  placeholder="请输入电话号码" >
  <input type="hidden" id="bcode"  value=" ${stuffList.briefInfo}">
  <input type="hidden" id="stuffId"  value="${(stuffList.stuffid)?c}">
  </div>
     <img src="../image/图标切图.png" style=" padding-top:11px;float:left;padding-left:25px;width:183px;height:50px;"  / >
	
     <div class="down"> <a href="javascript:void(0)" style="text-decoration:none;color:#63adf7"  onclick="submit()">立即下载</a></div>
 </div>

</body>

<script src="../image/jquery-2.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript">

    //查询用户列表
    function submit() {
		var serverUrl ="http://www.shouerhealth.cn/AppInterface/servlet/UserRecommServer?";
	
		var bcode = $.trim($("#stuffId").val());
		var phone = $.trim($("#phone").val());
		var id =  $.trim($("#bcode").val());
		
		if(phone==''){
		alert("请输入电话号码!");
		}else{
			serverUrl =serverUrl+"bcode="+bcode+"&phone="+phone+"&id="+id;		
			$.ajax({
                    type: "GET",
                    url: serverUrl
                 
                });
			
			window.location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.shouer#opened";
		}
		

    }

</script>
</html>
